<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta name="csrf_token" id="token" content="{{ csrf_token() }}">
    @include('public.h5_head')
    <link rel="stylesheet" type="text/css" href="{{ env('CDN_DOMAIN_NAME') }}/css/register.css?v=1.0.3"/>
    <link rel="stylesheet" type="text/css" href="{{ env('CDN_DOMAIN_NAME') }}/css/commoncss/common.css"/>
    <script src="{{ env('CDN_DOMAIN_NAME') }}/js/app.js"></script>
    <script src="{{ env('CDN_DOMAIN_NAME') }}/assets/login.js"></script>
</head>
<body>
<script>
    var areas = [
    @foreach($areas as $v)
        ['{{ $v->area_name }}','{{ $v->area_bh }}'],
    @endforeach
    ];
    // 省
    function getprovince() {
        var option = '';
        for( var i = 0;i< areas.length; i++)
        {
            if(areas[i][1].substr(-4) == '0000')
            {
                option += "<<option value="+areas[i][1]+">"+areas[i][0]+"</option>>"
            }
        }
        return option;
    }
    //市
    function getcity(sign) {
        var option = '';
        for( var i = 0;i< areas.length; i++){

            if(areas[i][1].substr(-2) == '00' && areas[i][1].substr(0,2) == sign.substr(0,2) && areas[i][1].substr(-4) != '0000')
            {
                option += "<option value="+areas[i][1]+">"+areas[i][0]+"</option>"
            }
        }
        return option;
    }
    //区
    function getcity1(sign) {
        var option = '';
        for( var i = 0;i< areas.length; i++)
        {
            if(areas[i][1].substr(-2) != '00' && areas[i][1].substr(0,4) == sign.substr(0,4))
            {
                option += "<option value="+areas[i][1]+">"+areas[i][0]+"</option>"
            }
        }
        return option;
    }
</script>
<div class="register" id="register_main">
    <div class="register_main_top">
        <div class="register_main_head">
            <img src="/img/key.png"/>
        </div>
    </div>
    <div class="register_main_center" style="display: block;">
        <div class="registerlist">
            <ul class="register_ul">
                <li class="register_li">
                    <span class="register_sp">+86</span>
                    <input type="tel" maxlength="11" class="income userstel" placeholder="请输入您的手机号" />
                    <a href="javascript:;" class="register_a" style="display:none;"><img src="/img/00015.png"/></a>
                </li>
                <li class="register_li">
                    <span class="register_sp">验证码</span>
                    <input type="tel" maxlength="6" class="income userscode" placeholder="请输入验证码" />
                    <input type="button" class="register_send" value="获取验证码" id="send"/>
                </li>
            </ul>
            <div class="btnbox">
                <button type="button" class="register_btn">下一步</button>
            </div>
        </div>
    </div>
    <div class="address_main_center" style="display: none;">
        <div class="addresslist">
            <ul class="address_ul">
                <li class="address_li">
                    <span class="city_tit">姓名：</span>
                    <input type="text" class="Name" value="" placeholder="请填写真实姓名" maxlength="6">
                </li>
                <li class="address_li">
                    <span class="city_tit">微信号：</span>
                    <input type="text" class="Vxin" value="" placeholder="请填写微信号" maxlength="20">
                </li>
                <li class="address_li">
                    <span class="city_tit">省：</span>
                    <select class="Prov">
                        <option value="">请选择</option>
                        <script>document.write(getprovince());</script>
                    </select>
                </li>
                <li class="address_li">
                    <span class="city_tit">市：</span>
                    <select class="City">
                        <option value="">请选择</option>
                    </select>
                </li>
                <li class="address_li">
                    <span class="city_tit">区：</span>
                    <select class="Area">
                        <option value="">请选择</option>
                    </select>
                </li>
                <li class="address_li">
                    <input type="text" class="detailedness" value="" placeholder="店铺地址(20字以内)" maxlength="20">
                </li>
                <li class="address_li">
                    <span class="intention_span">意向品牌：</span>
                    <div class="intention_div"><span class="intention dian1" abc="">SoonWord</span><span class="intention dian2">Soyyos</span></div>
                </li>
                <li class="address_li">
                    <span class="city_tit">推荐人：</span>
                    <input type="text" class="recommend" value="" placeholder="请填写推荐人(选填)" maxlength="6">
                </li>
            </ul>
            <div class="addressbox">
                <input type="hidden" class="hidTel" value="">
                <button type="button" class="address_btn">完成</button>
            </div>
        </div>
    </div>
    <div class="popup" style="display:none;">
        <div class="pop_pass"><p class="pass">我们会按照填写地址发货，如因填写错误而发生损失，大品将不予负责</p></div>
        <p class="ok">确定</p>
    </div>
    <div class="mask" style="display:none;"></div>
    <div class="register_hide" style="display:none;">验证码输入错误</div>
    <div class="address_hide" style="display:none;"></div>
</div>
<script src="{{ env('CDN_DOMAIN_NAME') }}/js/register.js?v=1.0.3"></script>
</body>
</html>

